<template>
  <div class="father">
    <h3>父组件</h3>
    <h4 v-show="computer">大儿子给的电脑:{{ computer }}</h4>
    <Child1/>
    <Child2/>
  </div>
</template>

<script setup lang="ts" name="Father">
  import Child1 from './Child1.vue'
  import Child2 from './Child2.vue'
  import emitter from '@/utils/emitter';
  import {ref} from "vue"
  // 数据
  let computer=ref("")
  // 方法
  emitter.on("send-computer",(value:any)=>{
    computer.value=value
  })
</script>

<style scoped>
	.father{
		background-color:rgb(165, 164, 164);
		padding: 20px;
    border-radius: 10px;
	}
  .father button{
    margin-left: 5px;
  }
</style>